import {
    createRouter,
    createWebHashHistory
} from 'vue-router'
import app_router from './app.js'

const routes = [{
    path: '/login',
    component: () => import("~/pages/login.vue"),
},{
    path: '/',
    name: 'Home',
    component: () => import("~/pages/index.vue"),
    children: app_router,
},{
    path: '/:pathMatch(.*)*', 
    name: 'NotFound', 
    component: () => import("~/pages/404.vue"),
}]

const router = createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHashHistory(),
    routes, // `routes: routes` 的缩写
  })

  export default router